<?php
require_once('../wpfunctions.php');
ip_redirectIfNotLoggedIn()
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>Illuminare Engraver</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel="stylesheet" type="text/css" href="../style2.css" />
<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:400,400italic' rel='stylesheet' type='text/css'>
<link type="text/css" href="../css/smoothness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.min.js"></script>
<script src="../js/jquery.autosize-min.js"></script>
<script src="../js/jquery-buttonsetv.js"></script>
<script src="../jgabc.js"></script>
<script src="../syllabify.js" async></script>
<script src="engraver.js"></script>
<!--<script src="../raphael-min.js"></script>
<script src="../vexflow-min.js"></script>
<script src="engraver-modern.js"></script>-->
<!--<script src="../abcjs_basic_1.6-min.js"></script>-->
<!--<script src="psalmtone.js"></script>-->
<style>
textarea {
  width: 100%;
  font-size: 11pt;
}
label.multilineLabel { margin-top: 7px; display:block;}
</style>
</head>
<body>
<div style='position:absolute;color:red;font-weight:bold;font-family:sans-serif'><? echo ip_siteName() ?></div>
<div class='body'>
<div>
  <a href='.'><img alt="Illuminare Engraver" src="../logo/engraver.png" height="35" width="360" style="margin:0.75em 0;max-width:50%;height:auto"/></a>
  <a href='../'><img src="../logo/Home_Icon.svg" style="width: 27px;float:right;margin-top:0.75em"></a>
  <a href='<?php echo ip_logoutUrl(); ?>' style="float:right;font-family:sans-serif;margin:1em 2em">Log out</a>
</div>
<div class="lnkBtn sans" style="margin-top:0">
<a href="#" id="lnkDownloadSource" draggable target="_blank">Download Source</a>
&nbsp;&nbsp;<a href="#" title="&lt;Ctrl>+P" id="lnkPreview">Preview</a>
&nbsp;&nbsp;<a href="#" title="&lt;Ctrl>+S" id="lnkSave">Save</a>
&nbsp;&nbsp;<a href="#" title="&lt;Ctrl>+&lt;Shift>+P" id="lnkPDF">PDF</a>
&nbsp;&nbsp;<a href="#" title="&lt;Space>" id="lnkPlayScore">Play Score</a>
&nbsp;&nbsp;<a href="#" id="lnkClearFields">Clear Fields</a>
&nbsp;<a href="#" title="&lt;Ctrl>+E" id="lnkToggleEditor">&ndash;Editor</a>
</div>
<div id="toolbar" class="ui-widget-header ui-corner-all" style="padding:4px 4px;margin-bottom:5px">
  <input type="checkbox" id="btnType" /><label id='lblType' for="btnType">Square</label>
  <input type="checkbox" id="cbCrop" checked /><label for="cbCrop">Crop PDF</label>
  <input type="checkbox" id="btnSpacing" /><label id="lblSpacing" for="btnSpacing" class='gabcOnly'>Spacing: Vichi</label>
  <input type="checkbox" id="btnWidth" /><label id="lblWidth" for="btnWidth">Width: 4.5in</label>
  <input type="checkbox" id="btnHeight" /><label id="lblHeight" for="btnHeight">Height: 11in</label>
  <button type="button" id="btnKey" class='lyOnly' /><input type='text' value='0' id='txtKeyNum' maxlength='1' style='border:none;width:12px;background-color:transparent;'> <a href='#' id='btnSharpsFlats'></a></button>
  <button type="button" id="btnTranspose" class='lyOnly' />Transpose: <a href='#' id='btnTransposeUpDown'></a><input type='text' value='0' id='txtTranspose' maxlength='1' style='border:none;width:12px;background-color:transparent;'></button>
  <input type="checkbox" id="btnTemplate" /><label id="lblTemplate" for="btnTemplate" class='lyOnly'>Antiphon</label>
  <input type="checkbox" id="btnLayout" /><label id="lblLayout" for="btnLayout" class='lyOnly'>SATB</label>
  <input type="checkbox" id="cbHideTextLeft" /><label for="cbHideTextLeft" class='gabcOnly'>Hide Text Left</label>
</div>
<div id="notifications" class="sans"></div>
<div style='margin-bottom:5px;margin-top:0.5em' class='sans'>
  <label for='txtLoad'>Open </label><input type='text' id='txtLoad' class='-clearableField' style='width:491px' /><br/>
</div>
<div style='margin-bottom:5px;margin-top:0.5em' class='sans lyTemplate antiphon metric-antiphon satb-antiphon hymntune'>
  <label for='txtLoadText'>Load Text </label><input type='text' id='txtLoadText' class='clearableField' style='width:535px' /><br/>
</div>
<div class="lnkBtn sans gabcOnly">
<a href="#" title='(Line breaks)' remove='z'>Remove z</a>
&nbsp;&nbsp;<a href="#" title='(Line breaks)' remove='Z'>Remove Z</a>
&nbsp;&nbsp;<a href="#" title='(When used as a dotted note)' remove='\.'>Remove .</a>
&nbsp;&nbsp;<a href="#" title='(Ictus)' remove="'">Remove '</a>
&nbsp;&nbsp;<a href="#" title='(hyphen)' remove="-" outsideParentheses='true'>Remove -</a>
&nbsp;&nbsp;<a href="#" title='(Initial capitals)' id="setInitialCaps" outsideParentheses='true'>Set Initial caps</a>
</div>
<div id="radioType" style="display:none;position:absolute">
  <input type="radio" name="rbType" value="square" checked id="rbTypeSquare"><label for="rbTypeSquare">Square</label>
  <input type="radio" name="rbType" value="modern" id="rbTypeModern"><label for="rbTypeModern">Modern</label>
</div>
<div id="radioSpacing" style="display:none;position:absolute">
  <input type="radio" name="rbSpacing" value="" id="rbSpacingDefault"><label for="rbSpacingDefault">Default</label>
  <input type="radio" name="rbSpacing" value="smith" id="rbSpacingSmith"><label for="rbSpacingSmith">Smith</label>
  <input type="radio" name="rbSpacing" value="vichi" checked id="rbSpacingVichi"><label for="rbSpacingVichi">Vichi</label>
</div>
<div id="radioWidth" style="display:none;position:absolute">
  <input type="radio" name="rbWidth" value="4" id="rbWidth4"/><label for="rbWidth4">4 inches</label>
  <input type="radio" name="rbWidth" value="4.5" checked id="rbWidth45"/><label for="rbWidth45">4.5 inches</label>
  <input type="radio" name="rbWidth" value="5" id="rbWidth5"/><label for="rbWidth5">5 inches</label>
  <input type="radio" name="rbWidth" value="custom" id="rbWidthCustom"/><label for="rbWidthCustom"><input type="text" class='txtbox' size="3" id="txtWidth" value=""/><label for="txtWidth">inches</label></label>
</div>
<div id="radioHeight" style="display:none;position:absolute">
  <input type="radio" name="rbHeight" value="9" id="rbHeight9"/><label for="rbHeight9">9 inches</label>
  <input type="radio" name="rbHeight" value="11" checked id="rbHeight11"/><label for="rbHeight11">11 inches</label>
  <input type="radio" name="rbHeight" value="custom" id="rbHeightCustom"/><label for="rbHeightCustom"><input type="text" class='txtbox' size="3" id="txtHeight" value=""/><label for="txtWidth">inches</label></label>
</div>
<div id="radioTemplate" style="display:none;position:absolute">
  <input type="radio" name="rbTemplate" value="antiphon" checked id="rbTemplateAntiphon"/><label for="rbTemplateAntiphon">Antiphon</label>
  <input type="radio" name="rbTemplate" value="metric-antiphon" id="rbTemplateMetricAntiphon"/><label for="rbTemplateMetricAntiphon">Metric Antiphon</label>
  <input type="radio" name="rbTemplate" value="satb-antiphon" id="rbTemplateSatbAntiphon"/><label for="rbTemplateSatbAntiphon">SATB / Antiphon</label>
  <input type="radio" name="rbTemplate" value="choral-tone" id="rbTemplateChoralTone"/><label for="rbTemplateChoralTone">Choral Tone</label>
  <input type="radio" name="rbTemplate" value="acc-tone" id="rbTemplateAccTone"/><label for="rbTemplateAccTone">Acc Tone</label>
  <input type="radio" name="rbTemplate" value="hymntune" id="rbTemplateHymnTune"/><label for="rbTemplateHymnTune">Hymn Tune</label>
  <input type="radio" name="rbTemplate" value="harmonization" id="rbTemplateHarmonization"/><label for="rbTemplateHarmonization">Harmonization</label>
  <input type="radio" name="rbTemplate" value="hymn" id="rbTemplateHymn"/><label for="rbTemplateHymn">Hymn</label>
</div>
<div id="radioLayout" style="display:none;position:absolute">
  <input type="radio" name="rbLayout" value="satb" checked id="rbLayoutSATB"/><label for="rbLayoutSATB">SATB</label>
  <input type="radio" name="rbLayout" value="melody" id="rbLayoutMelody"/><label for="rbLayoutMelody">Melody</label>
</div>
<div class="tap gabcOnly"><textarea id="editor" spellcheck="false"></textarea></div>
<div class="lyOnly sans" style="display:none;">
  <div class="lyTemplate hymn">
    <label for="lyUseTuneInFileName">Use Tune in File Name </label><input type="checkbox" id="lyUseTuneInFileName" name="useTuneInFileName" class='clearableField'/><br/>
  </div>
  <div class="lyTemplate antiphon metric-antiphon satb-antiphon choral-tone acc-tone hymntune harmonization hymn">
    <label for="lyName">Name </label><input type="text" id="lyName" name="name" class='clearableField' spellcheck="false"/><br/>
    <label for="lyDir">Directory </label><input type="text" id="lyDir" name="dir" class='clearableField' spellcheck="false"/><br/>
  </div>
  <div class="lyTemplate antiphon metric-antiphon satb-antiphon choral-tone acc-tone hymntune">
    <label for="lyAnnotation">Mode </label><input type="text" id="lyAnnotation" name="annotation" class='clearableField' spellcheck="false"/><br/>
  </div>
  <div class="lyTemplate choral-tone acc-tone">
    <label for="lyModeOffset">Mode Offset </label><input type="text" id="lyModeOffset" name="modeoffset" class='clearableField' spellcheck="false"/><br/>
  </div>
  <div class="lyTemplate antiphon metric-antiphon satb-antiphon choral-tone acc-tone hymntune hymn">
    <label for="lyUserNotes">Text Left </label><input type="text" id="lyUserNotes" name="user-notes" class='clearableField' spellcheck="false"/><br/>
    <label for="lyCommentary">Text Right </label><input type="text" id="lyCommentary" name="commentary" class='clearableField' spellcheck="false"/><br/>
  </div>
  <div class="lyTemplate hymn harmonization">
    <label for="lyTune"><a tabindex="-1" target="_blank">Tune</a> </label><input type="text" id="lyTune" name="tune" class='clearableField' spellcheck="false"/><br/>
    <label>Ignore Durations <input type="checkbox" id="lyIgnoreDurations" name="ignoreDurations" class='clearableField'/><br/></label>
  </div>
  <div class="lyTemplate hymn">
    <label for="lyText"><a tabindex="-1" target="_blank">Text</a> </label><input type="text" id="lyText" name="text" class='clearableField' spellcheck="false"/><br/>
    <label for="lySeparateVoices">Separate Parts </label><input type="checkbox" id="lySeparateVoices" name="separateVoices" class='clearableField'/><br/>
    <label for="lyHideDashedSlurs">Hide Dashed Slurs </label><input type="checkbox" id="lyHideDashedSlurs" name="hideDashedSlurs" class='clearableField'/><br/>
    <label for="lySolidifyDashedSlurs">Solidify Dashed Slurs </label><input type="checkbox" id="lySolidifyDashedSlurs" name="solidifyDashedSlurs" class='clearableField'/><br/>
  </div>
  <div class="lyTemplate hymntune">
    <label for="lyMeter">Meter </label><input type="text" id="lyMeter" name="meter" class='clearableField' spellcheck="false"/><br/>
    <label for="lyAuthor">Author </label><input type="text" id="lyAuthor" name="author" class='clearableField' spellcheck="false"/><br/>
  </div>
  <div class="lyTemplate harmonization">
    <label for="lyHarmonization">Harmonized by </label><input type="text" id="lyHarmonization" name="harmonization" class='clearableField' spellcheck="false"/><br/>
  </div>
  <div class="lyTemplate hymntune harmonization">
    <label for="lyCopyright">Copyright </label><input type="text" id="lyCopyright" name="copyright" class='clearableField' spellcheck="false"/><br/>
  </div>
  <div class="lyTemplate hymntune">
    <label for="lySuppressTimeSignature">Suppress Time Signature</label><input type="checkbox" id="lySuppressTimeSignature" name="suppressTimeSignature" class='clearableField'/>
    <label for="lySuppressStems">Suppress Stems</label><input type="checkbox" id="lySuppressStems" name="suppressStems" class='clearableField' spellcheck="false"/><br/>
  </div>
  <div class="lyTemplate antiphon metric-antiphon satb-antiphon choral-tone acc-tone hymntune">
    <label class='multilineLabel' for="lySop" id='lblSop'>Soprano</label>
    <div class="tap"><textarea class='autosize clearableField' id="lySop" name="sop" spellcheck="false"></textarea></div>
  </div>
  <div class="lyTemplate antiphon metric-antiphon satb-antiphon choral-tone acc-tone hymntune harmonization SATB">
    <label class='multilineLabel' for="lyAlt">Alto</label>
    <div class="tap"><textarea class='autosize clearableField' id="lyAlt" name="alt" spellcheck="false"></textarea></div>
    <label class='multilineLabel' for="lyTen">Tenor</label>
    <div class="tap"><textarea class='autosize clearableField' id="lyTen" name="ten" spellcheck="false"></textarea></div>
    <label class='multilineLabel' for="lyBas">Bass</label>
    <div class="tap"><textarea class='autosize clearableField' id="lyBas" name="bas" spellcheck="false"></textarea></div>
  </div>
  <div class="lyTemplate antiphon metric-antiphon satb-antiphon">
    <label class='multilineLabel' for="lyLyrics">Text</label>
    <div class="tap"><textarea class='autosize clearableField' id="lyLyrics" name="lyrics" spellcheck="false"></textarea></div>
    <label class='multilineLabel' for="lyChords">Chords</label>
    <div class="tap"><textarea class='autosize clearableField' id="lyChords" name="chords" spellcheck="false"></textarea></div>
  </div>
  <div class='lyTemplate hymntune'>
    <label class='multilineLabel' for="lyRefrain">Refrain at <a href='#' id='toggleRefrainPosition'>End</a></label>
    <!--<div class="tap"><textarea class='autosize' id="lyRefrain" name="refrain" spellcheck="false"></textarea></div>-->
  </div>
  <div class="lyTemplate antiphon metric-antiphon satb-antiphon choral-tone acc-tone hymntune">
    <label for="lyRaggedLast">Ragged Last Line</label> <input type='checkbox' name='raggedlast' id='lyRaggedLast' value='t'>
  </div>
  <!--<div id="lyPreview" class="lyTemplate antiphon metric-antiphon choral-tone acc-tone hymntune"><svg height="312" width="624"/></div>-->
</div>
</div>
<div id="chant-parent2" class='gabcOnly' style='margin-top:0.5em'>
  <div id="chant-parent">
    <div id="chant-pad">
      <div id="chant-preview"></div>
    </div>
  </div>
</div>
<form id="imageForm" target="image" method="post" action="../process.php">
<input type="hidden" id="imgf_src" class='_src' name="src"/>
<input type="hidden" id="imgf_type" name="type" value="square"/>
<input type="hidden" id="imgf_filename" class='_filename' name="filename"/>
<input type="hidden" id="imgf_dir" class='_dir' name="dir"/>
<input type="hidden" id="imgf_width" class='_width' name="width"/>
<input type="hidden" id="imgf_height" class='_height' name="height"/>
<input type="hidden" id="imgf_croppdf" class='_croppdf' name="croppdf"/>
<input type="hidden" id="imgf_spacing" class='_spacing' value="vichi" name="spacing"/>
</form>
<div id="chant-image">
  <iframe name="image" id="chant-image-iframe" frameBorder="0" style='background-color:white'></iframe>
</div>
<form id="pdfForm" target="_blank" method="post" action="../process.php">
<input type="hidden" id="pdff_src" class='_src' name="src"/>
<input type="hidden" id="pdff_type" name="type" value="square"/>
<input type="hidden" id="pdff_filename" class='_filename' name="filename"/>
<input type="hidden" id="pdff_dir" class='_dir' name="dir"/>
<input type="hidden" id="pdff_width" class='_width' name="width"/>
<input type="hidden" id="pdff_height" class='_height' name="height"/>
<input type="hidden" id="pdff_croppdf" class='_croppdf' name="croppdf"/>
<input type="hidden" id="pdff_spacing" class='_spacing' value="vichi" name="spacing"/>
<input type="hidden" name="fmt" value="pdf"/>
</form>
<form id="lyForm" target="_blank" method="post" action="../process.php">
<input type="hidden" id="ly_type" name="type" value="modern"/>
<input type="hidden" id="ly_sop" class='_sop' name="sop"/>
<input type="hidden" id="ly_alt" class='_alt' name="alt"/>
<input type="hidden" id="ly_ten" class='_ten' name="ten"/>
<input type="hidden" id="ly_bas" class='_bas' name="bas"/>
<input type="hidden" id="ly_lyrics" class='_lyrics' name="lyrics"/>
<input type="hidden" id="ly_chords" class='_chords' name="chords"/>
<input type="hidden" id="ly_refrain" class='_refrain' name="refrain"/>
<input type="hidden" id="ly_refrainAtBeginning" class='_refrainAtBeginning' name="refrainAtBeginning"/>
<input type="hidden" id="ly_commentary" class='_commentary' name="commentary"/>
<input type="hidden" id="ly_userNotes" class='_userNotes' name="user-notes"/>
<input type="hidden" id="ly_annotation" class='_annotation' name="annotation"/>
<input type="hidden" id="ly_modeoffset" class='_modeoffset' name="modeoffset"/>
<input type="hidden" id="ly_raggedlast" class='_raggedlast' name="raggedlast"/>
<input type="hidden" id="ly_verseOneName" class='_verseOneName' name="verseOneName"/>
<input type="hidden" id="ly_verseOne" class='_verseOne' name="verseOne"/>
<input type="hidden" id="ly_verseTwoName" class='_verseTwoName' name="verseTwoName"/>
<input type="hidden" id="ly_verseTwo" class='_verseTwo' name="verseTwo"/>
<input type="hidden" id="ly_verseThreeName" class='_verseThreeName' name="verseThreeName"/>
<input type="hidden" id="ly_verseThree" class='_verseThree' name="verseThree"/>
<input type="hidden" id="ly_verseFourName" class='_verseFourName' name="verseFourName"/>
<input type="hidden" id="ly_verseFour" class='_verseFour' name="verseFour"/>
<input type="hidden" id="ly_verseFiveName" class='_verseFiveName' name="verseFiveName"/>
<input type="hidden" id="ly_verseFive" class='_verseFive' name="verseFive"/>
<input type="hidden" id="ly_verseSixName" class='_verseSixName' name="verseSixName"/>
<input type="hidden" id="ly_verseSix" class='_verseSix' name="verseSix"/>
<input type="hidden" id="ly_template" class='_template' name="template" value="antiphon"/>
<input type="hidden" id="ly_layout" class='_layout' name="layout"/>
<input type="hidden" id="ly_key" class='_key' name="key" value="c"/>
<input type="hidden" id="ly_transposekey" class='_transposekey' name="transposekey" value="c"/>
<input type="hidden" id="ly_name" class='_name' name="name"/>
<input type="hidden" id="ly_dir" class='_dir' name="dir"/>
<input type="hidden" id="ly_tune" class='_tune' name="tune"/>
<input type="hidden" id="ly_text" class='_text' name="text"/>
<input type="hidden" id="ly_meter" class='_meter' name="meter"/>
<input type="hidden" id="ly_author" class='_author' name="author"/>
<input type="hidden" id="ly_copyright" class='_copyright' name="copyright"/>
<input type="hidden" id="ly_suppressTimeSignature" class='_suppressTimeSignature' name="suppressTimeSignature"/>
<input type="hidden" id="ly_suppressStems" class='_suppressStems' name="suppressStems"/>
<input type="hidden" id="ly_harmonization" class='_harmonization' name="harmonization"/>
<input type="hidden" id="ly_useTuneInFileName" class='_useTuneInFileName' name="useTuneInFileName"/>
<input type="hidden" id="ly_separateVoices" class='_separateVoices' name="separateVoices"/>
<input type="hidden" id="ly_ignoreDurations" class='_ignoreDurations' name="ignoreDurations"/>
<input type="hidden" id="ly_hideDashedSlurs" class='_hideDashedSlurs' name="hideDashedSlurs"/>
<input type="hidden" id="ly_solidifyDashedSlurs" class='_solidifyDashedSlurs' name="solidifyDashedSlurs"/>
<input type="hidden" id="ly_width" class='_width' name="width"/>
<input type="hidden" id="ly_height" class='_height' name="height"/>
<input type="hidden" id="ly_croppdf" class='_croppdf' name="croppdf" value="false"/>
<input type="hidden" name="fmt" value="pdf"/>
</form>
<div id="overlay" style="display:none;"></div>
</body>
</html>
